<template>
	<view>
		<view class="login_top">
			<view>
				<image class="logo" src="../../static/images/logo.png"></image>
			</view>
			<view class="title">
				省级农高区基本情况年度统计
			</view>
		</view>
		<view class="login_form">
			<u-divider>用户登录</u-divider>
		
			<view style="padding: 20rpx;margin-bottom: 50rpx;">
					<u-form-item :leftIconStyle="{color: '#888', fontSize: '32rpx'}" left-icon="account" label-width="120" :label-position="left" label="" prop="name">
						<u-input :border="false" placeholder="请输入用户名" v-model="username" type="text"></u-input>
					</u-form-item>
					<u-form-item :leftIconStyle="{color: '#888', fontSize: '32rpx'}" left-icon="lock" label-width="120" :label-position="left" label="" prop="name">
						<u-input :border="false" placeholder="请输入密码" v-model="username" type="password"></u-input>
					</u-form-item>
		
			</view>
			
			<u-button shape="circle" :hair-line="false" style="background-color: #7a96fa;border: none;color:#ffffff" @tap="toLogin()">登录</u-button>
		
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toLogin(){
				uni.navigateTo({
					url:'./index'
				})
			}
			
		}
	}
</script>

<style>
	.logo{
		width: 180rpx;
		height: 180rpx;
		margin-bottom: 10rpx;
		margin-top: 60rpx;
	}
	.login_top{
		height: 500rpx;
		background-color: #7a96fa;
		text-align: center;
	}
	.title{
		margin: 0 auto;
		text-align: center;
		font-size: 45rpx;
		color: #FFFFFF;
	}
	.login_form{
		margin: 0 30rpx;
		margin-top: -100rpx;
		background-color: #FFFFFF;
		height: 700rpx;
		border-radius: 5px;
		box-shadow: 0px 3px 3px #e1e7ff;
		padding: 30rpx;
		padding-top: 70rpx;
		
		
	}
	.login_bottom{
		
	}

</style>
